<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<div class="col-md-12">
	<div class="panel-search">



		<div class="ebay-content">
			<div class="ebay-title">
				<h4>订单号:${ordertDetail.code }</h4>
				<h4>状态：${ordertDetail.orderStatus.name }</h4>
			</div>
			<div class="order-say">
				<label>订单概要</label><a style="float: right; font-size: 16px;">保存</a><br>
				<br> <span>店铺：eBay店1</span><span>下单日期：${ordertDetail.createtime }</span><span>支付日期：没有这个数据</span><span>发送日期：2017-05-17</span>
				<br> <br> <span>产品价格：${ordertDetail.price }</span><span>运输费用：0.00</span><span>订单总价：${ordertDetail.price }</span><span>总支付：${ordertDetail.price }</span>

			</div>

			<div class="order-people">
				<label>收货人信息</label><a style="float: right; font-size: 16px;">保存</a><br>
				<br> <span>收货人：${ordertDetail.person.name }</span><span>地址：${ordertDetail.person.address }
				</span><span>手机号：${ordertDetail.person.phone }</span><span>邮编：${ordertDetail.person.zipcode }</span>

			</div>
			<div class="order-info">
				<label>发货信息</label><a style="float: right; font-size: 16px;">保存</a><br>
				<br> <span style="margin-left: 30px;">发货时间:</span><span>暂无</span><br>
				<br> <span style="margin-left: 30px;">邮寄方式：</span><span>暂无</span>
				<br> <br> <span style="margin-left: 30px;">运单号：</span><span>暂无</span>
			</div>
			<div class="order-note">
				<label>备注</label><br> <br> <span
					style="font-size: 16px; margin-left: 30px;">本物品很贵重，请轻拿轻放</span>
			</div>
			<div class="order-product">
				<label>商品信息</label><br> <br>
				<table class="table table-striped table-hover table-info"
					style="margin-left: 30px; width: 95%;">
					<thead>
						<tr>
							<th>商品名称</th>
							<th>商品SKU</th>
							<th>单价</th>
							<th>数量</th>
							<th>当前库存</th>
							<th>发货SKU</th>
							<th>总价</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach items="${orderItems}" var="items" varStatus="vs">
							<tr>
								<td>${items.product.name}</td>
								<td>${items.product.code}</td>
								<td>${items.price}</td>
								<td>${items.count}</td>
								<td><c:choose>
										<c:when test="${items.product.stock.stockNum!=null}">${items.product.stock.stockNum}</c:when>
										<c:otherwise>未知  </c:otherwise>
									</c:choose></td>
								<td>${items.sku}</td>
								<td>${items.totalPrice}</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>


		</div>



	</div>
	<div class="panel-content"></div>
</div>
<style type="text/css">
select {
	width: 200px;
}

.ebay-content {
	width: 100%;
	border: 1px solid #C1C1C1;
}

.ebay-title {
	background-color: #f2f2f2;
	padding: 1% 1% 1% 3%;
	border: 1px solid #C1C1C1;
}

.order-say {
	padding: 1%;
	border: 1px solid #C1C1C1;
}

.order-say label {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
}

.order-say span {
	margin-left: 30px;
	font-size: 16px;
}

.order-people {
	padding: 1%;
	border: 1px solid #C1C1C1;
}

.order-people label {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
}

.order-people span {
	margin-left: 30px;
	font-size: 16px;
}

.order-info {
	padding: 1%;
	border: 1px solid #C1C1C1;
}

.order-info label {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
}

.order-info span {
	font-size: 16px;
}

.order-note {
	padding: 1%;
	border: 1px solid #C1C1C1;
}

.order-note label {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
}

.order-product {
	padding: 1%;
	border: 1px solid #C1C1C1;
}

.order-product label {
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
}
</style>
<script type="text/javascript"
	src="<c:url value="/static/custom/datepicker-util.js"></c:url>"></script>
<script type="text/javascript">
	$(function() {

	});
</script>